/*
 * 2017年6月10号	
 * write by chengliyong(程立勇)
 * 15869186504
 * */
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) { 
	#menu li .ul-width li{ 
	float: left; 
	font-size: 14px;
	margin: 8px 2% 0 0;
	position: relative;
	}
	.conwidthhy{
		width: 80% !important;
	}
	
	.conwidth{
		width: 80% !important;
	}
	
	.tcprcontentbg img{
		width: 70% !important;
	}
	
	.imgpwidimg{
		width: 70% !important;
	}
}

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px)  and (max-width: 1200px){
	#menu li .ul-width li{ 
	float: left; 
	font-size: 14px;
	margin: 8px 4% 0 0;
	position: relative;
	}
	
	.conwidthhy{
		width: 50% !important;
	}
	
	.conwidth{
		width: 50% !important;
	}
	
	.imgpwidimg{
		width: 70% !important;
	}
	
		.tcprcontentbg img{
		width: 70% !important;
	}
 }

/* 中型设备（台式电脑，1200 起） */
@media (min-width: 1200px)  and (max-width: 1600px){ 
	.imgwidth{
		width: 90%;
		margin-bottom:17px; 
	}
	
	.conwidthhy{
		width: 70% !important;
	}
	
	.conwidth{
		width: 70% !important;
	}
	
	#menu li .ul-width li{ 
	float: left; 
	font-size: 14px;
	margin: 8px 5% 0 0;
	position: relative;
	}
	
	.imgpwidimg{
		width: 70% !important;
	}
	
	.tcprcontentbg img{
		width: 100% !important;
	}
	
 }

/* 大型设备（大台式电脑，1600px 起） */
@media (min-width: 1600px) {
	.imgwidth{
		width: 100%;
		margin-bottom:17px; 
	}
	.conwidthhy{
		width: 50% !important;
	}
	
	.conwidth{
		width: 50% !important;
	}
	
	#menu li .ul-width li{ 
	float: left; 
	font-size: 14px;
	margin: 8px 5% 0 0;
	position: relative;
	}
	
 }

*{
	list-style-type: none; 
	font-family: Arial, Microsoft YaHei, sans-serif;
}




a{
	text-decoration: none;
}

.imgwidth{
		width: 100%;
		margin-bottom:17px; 
	}

.section1 { 
  background: -webkit-linear-gradient(left bottom, #ff6417 , #fecd4c); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top right, #ff6417, #fecd4c); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top right, #ff6417, #fecd4c); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top right, #ff6417 , #fecd4c); /* 标准的语法 */
 }
 
.section3 { 
  background: -webkit-linear-gradient(left bottom, #4B27B7 , #00BAFD); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top right, #4B27B7, #00BAFD); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top right, #4B27B7, #00BAFD); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top right, #4B27B7 , #00BAFD); /* 标准的语法 */
 }
 
.section5 { 
  background: -webkit-linear-gradient(left bottom, #463ABE , #62219F); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top right, #463ABE, #62219F); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top right, #463ABE, #62219F); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top right, #463ABE , #62219F); /* 标准的语法 */
 }
 
 
 
#menu { 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	z-index: 70;
	width: 100%;
	background: #fff;
	height: 60px;
	top:0;
	}


#menu li.menuli{
	height: 60px;
	text-align: center;
}	
	

.ulright{
	display: inline-block;
	float: right;
	margin-top: 8px;
}	
	
#menu li .ul-width li.ul-widthlogo{
	margin: 0px 0 0 0;
}
	
#menu a { 
	float: left; 
	padding: 10px 0px; 
	font-size: 15px;
	font-size: 1.1em;
	color: #4d4d4d; 
	text-decoration: none;
	}

#menu .active a { 
	color: #ffbf22;
	background: url(../images/bgbg.png) no-repeat center;
	background-position:center 35px;
	}

.wrap{
	width: 24px;
	border-bottom: 4px solid #ffbf22;
	position: absolute;
	bottom: 0;
	margin: auto;  
    top: 0; left: 0; bottom: 0; right: 0;
    display: none;  
}
	
.section { 
	text-align: center; 
	font-size: 45px; 
	color: #fff;
	}
	
.section-content{
	width: 70%;
	margin-left: 15%;
}
	
.section-contentle{
	text-align: left;
	margin-top: 20px;
	float: left;
	width: 40%;
}

.section-contentrig{
	float: right;
	width: 50%;
}

.section-contentle p.p-strong{
	font-size: 30px;
	color: #333;  
	margin-bottom:36px; 
}

.atimtedongmar{
	margin-top: 100px;
}

.section-contentle p.p-detail{
	font-size: 16px;
	color: #868686;
	text-align: left;
	line-height: 1.8;
	margin-bottom: 20px;
	
}

.atimtedongh{
	position: relative;
	left: -300%;
}

.atimtedongbt{
	position: relative;
	left: -300%;
}

.sectionccon{
	width: 60%;
	margin: 0 auto;
}

.section3 p.p-detail{
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 20px;
}

.atimteyiyo{
	position: relative;
	filter:alpha(opacity=0);  /*支持 IE 浏览器*/
	-moz-opacity:0; /*支持 FireFox 浏览器*/
	opacity:0;  /*支持 Chrome, Opera, Safari 等浏览器*/
}

.section-contentle p .p-link{
	font-size: 18px;
	background-color: #ffbf22;
	color: #fff;
	padding:10px 25px;
	border-radius: 8px;
	text-decoration: none;
	display: inline-block;
	border: none;
	cursor: pointer;
}

.section-contentle p .p-link:hover{
	background-color: #ffd10e;
}

.section-contentle .p-detaila{
	text-align: left;
	margin-bottom: 20px;
}


.atmit-load{
	position: relative; 
}

.dbstar{
	width: 100%;
	background: url(../images/dbx.png) no-repeat center;
	text-align: center;
}


.itemimg{
	height: 486px; 
	width: 611px;
}

.wgstar p {
	margin-bottom: 0px;
	}

.imgmargin{
	margin-top: 120px;
}

.buttonanniu{
	position: relative;
	cursor: pointer;
	background:#FFA060;
	height: 50px;
	width: 50px;
	cursor: pointer;
	border-radius: 25px;
	margin: 35px auto;
}

.buttonanniu img{
	position: absolute;
	top:20px;
	left: 16px;
}

.sectioncimg{
	background: url(../images/combg.png) no-repeat center;
	width: 673px;
	height: 392px;
	margin: 0 auto;
	position: relative;
}

.itempos{
	width: 526px;
	height: 304px;
	position: absolute;
	left:60px ;
	top: 25px;
}

#myCarouselb .carousel-inner{
	width: 526px;
}


#myCarouselb  .carousel-indicators li {
    border: 1px solid #fff;
}

#myCarouselb .carousel-indicators .active {
    background-color: #fff;
}

.atimtedongmarbb{
	margin-top:80px;
}

.itemposb{
	width: 526px;
	height: 304px;
	position: absolute;
	left:106px ;
}

.itemposb img{
	position: absolute;
	left: 0;
}

.itempoall{
	width: 673px;
	margin: 0 auto;
}

.conwidth{
	width: 50%;
	margin:0 auto 35px auto;
}

.zxtylink{
	border: none;
	background-color: #32C5D2;
	padding: 10px 25px;
	color: #fff;
	font-size: 18px;
	border-radius: 5px;
}

.zxtylink:hover{
	background-color: #38dceb;
}

.section5 p{
	margin-bottom: 30px;
}

.ljmorelink{
	border: none;
	background-color: #ffbf22;
	padding:10px 25px;
	color: #fff;
	font-size: 18px;
	border-radius: 5px;
	margin-bottom: 40px;
}

.ljmorelink:hover{
	background-color: #ffd10e;
}

.section4 p.p-detail{
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
	text-align: center;
	margin-top: 36px;
}

.conwidthhy{
	width: 45%;
	margin:0 auto 20px auto;
}

.tcprcontent{
	width: 50%;
	margin:64px auto 0px auto;
	background: #fff;
	height: auto;
	overflow: hidden;
	padding: 20px;
}

.tcprcontent  li{
	float: left;
	width: 25%;
	margin-left: 7%;
}

.tcpriceimg{
	width: 100%;
	height: 85px;
}

.tcpricebody{
	color: #020202;
	font-size: 24px;
	margin-top: 14px;
}

.tcpricefoot{
	color: #020202;
	font-size: 16px;
	margin-top: 26px;
	text-align: left;
}

.section6 p.p-detail{
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
	margin-bottom: 30px;
	text-align: center;
	margin-top: 36px;
}

.ljmorebg{
	background-color: #1395d2;
	border: none;
	padding:10px 25px;
	color: #fff;
	font-size: 18px;
	border-radius: 5px;
	margin-bottom: 40px;
}

.ljmorebg:hover{
	background-color: #15a7eb;
	border: none;
	color: #fff;
	font-size: 18px;
	border-radius: 5px;
}

.tcprcontentbg{
	width: 50%;
	margin:10px auto 0px auto;
	height: auto;
	overflow: hidden;
}

.gsnews{
	height: auto;
	overflow: auto;
	margin: 0 auto;
}

.section7 ul.gsnews a{
	display: inline-block;
	float: left;
	height: 308px;
	text-decoration: none;
	margin-bottom: 20px;
}

.section7 ul.gsnews a li{
	width: 280px;
	overflow: hidden;
}


.newsimg{
	width: 280px;
	height: 220px;
}

.newsimg img{
	width: 280px;
	height: 220px;
}

.newstitle{
	font-size: 16px;
	color: #020202;
	margin-top: 10px;
	text-align: left;
	padding:5px 10px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newsstu{
	color: #ccc;
	margin-top: 5px;
	font-size: 14px;
	text-align: left;
	padding:5px 10px;
}

.gsnews a li:hover{
	background-color: #fff;
	-webkit-box-shadow:5px 5px 2px #ccc;
    -moz-box-shadow:5px 5px 2px #ccc;
    box-shadow:5px 5px 2px #ccc;
}

.layercontent{
	position: absolute; 
	display: none;
	height: 100%;
	width: 20%;
	z-index: 99999;
	right: 0;
	
}

.layercontentbg{
	background: #000;
	height: 100%;
	width: 100%;
	filter:alpha(opacity=70);  /*支持 IE 浏览器*/
	-moz-opacity:0.70; /*支持 FireFox 浏览器*/
	opacity:0.70;  /*支持 Chrome, Opera, Safari 等浏览器*/
	position: relative;
}

.layercontentli{
	position: absolute;
	color: #fff;
	top:0;
	width: 100%;
	padding: 25px 35px;
}

.closelayer{
	height: 90px;
	text-align: right;
	font-size: 16px;
}

.layercontentli-ul li{
	margin: 30px 0;
	font-size: 16px;
	cursor: pointer;
}

#closetanc{
	cursor: pointer;
	}

.IndustryApptable{
	width: 90%;
	margin: 10px auto;
}

.IndustryApptable{
	height: 100%;
	overflow: auto;
}

.IndustryApptable thead tr th{
	padding: 15px;
	font-size: 18px;
	border: 1px solid #ccc;
}

.IndustryApptable tbody tr td{
	padding: 15px;
	font-size: 16px;
	border: 1px solid #ccc;
}


.IndustryApptable tbody tr td.Apptablenp{
	font-size: 18px;
	white-space:nowrap;
}

.IndustryAppdiv{
	height: 100%;
	margin: 30px auto;
}

.moreAbout{
	margin: 40px auto;
	width: 90%;
	color: #868686;
}

.moreAbout-title{
	font-size: 24px;
	text-align: center;
}

.moreAbout-titb{
	font-size: 18px;
	text-align: left;
}

.moreAbout-con{
	font-size: 14px;
	text-align: left;
	text-indent: 2em;
	line-height: 2;
}

.moreAbout-conb{
	font-size: 14px;
	text-align: left;
	font-weight: 600;
}

.spaninput{
	display: inline-block;
	text-align: left;
}

.spanmore{
	font-size: 16px;
    text-decoration: none;
    display: inline-block;
    float: right;
    text-align: right;
}

.spanmore a,.spanmore a:hover{
	color: #ffbf22;
	text-decoration: none;
}

.inpoutcon{
	margin: -20px 0 20px 0;
	height: 35px;
}


.spaninput .smallicon{
	background: url(../images/search-gray.png) no-repeat;
	background-position:95% 6px;	
}

.spaninput .form-control{
	border-radius: 16px;
	padding: 5px 30px;
	height: 32px;
	border: 1px solid #d2d2d2;
}


